export default {
  props: {
    item: {
      type: Object
    },
    menuList: {
      type: Array,
      default: () => []
    },
    openedNames: {
      type: Array,
      default: () => []
    },
    activeName: String
  },
  data() {
    return {
      iconSize: 20,
      rootIconSize: 24,
      theme: "light",
      accordion: false
    };
  },
  computed: {
    iconColor() {
      return this.theme === 'dark' ? '#fff' : '#495060'
    }
  },
  methods: {
    showTitle(item) {
      return item.title;
    },
    showChildren(item) {
      return item && item.children && item.children.length > 1
    },
    showName(item) {
      return item.href || item.name;
    }
  }
}
